<template>
	<view class="page-wrapper">
		<view class="title">
			消息提示框
		</view>
		<view class="article-warpper">
			<button type="default" @click="showToast">打开提示消息框</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				toastData:{
					title:"你中奖了！！！",
					content:'这是一段提示框信息！'
				}
			};
		},
		methods:{
			showToast: function(){
				const self = this;
				
				uni.showToast({
					title:self.toastData.title,
					icon:"success",
					duration: 3000,
					success: function(){
						console.log('成功打开提示框');
					}
				})
			}
		}
	}
</script>

<style lang="scss">

</style>
